<template>
  <div>
    <el-dialog :visible.sync="dialog.detail" title="详情" width="80%" append-to-body>
      <div class="detail-info">
        <el-row>
          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">手机号：</span><span v-text="form.userPhone"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">昵称：</span><span v-text="form.userNickname"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">用户是否可用：</span><span v-text="form.userIsActive"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">店铺标题：</span><span v-text="form.shopTitle"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">店铺是否可用：</span><span v-text="form.shopIsActive"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">订单号：</span><span v-text="form.orderNo"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">订单是否可用：</span><span v-text="form.orderIsActive"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">订单项是否可用：</span><span v-text="form.orderItemIsActive"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">内部单号：</span><span v-text="form.refundNo"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">外部交易号：</span><span v-text="form.transactionNo"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">退款类型：</span><span v-text="form.refundType"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">退款交易号：</span><span v-text="form.refundTransactionNo"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">申请退款金额：</span><span v-text="form.applyRefundAmount"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">实际退款金额：</span><span v-text="form.actualRefundAmount"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">退款完成时间：</span><span v-text="form.refundCompleteTime"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">物流公司名称：</span><span v-text="form.logisticsCompany"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">物流公司编码：</span><span v-text="form.logisticsCode"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">物流单号：</span><span v-text="form.logisticsNo"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">退款状态：</span><span v-text="form.refundStatus"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">申请退款说明：</span><span v-text="form.remark"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">申请退款回复：</span><span v-text="form.replyRemark"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">版本号：</span><span v-text="form.version"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">创建时间：</span><span v-text="form.createTime"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">更新时间：</span><span v-text="form.updateTime"></span></el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"><span class="detail-title">是否可用：</span><span v-text="form.isActive"></span></el-col>

        </el-row>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="dialog.detail = false">关闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import * as utils from '@/utils/utils'
import * as ResponseStatus from '@/utils/response-status'
const resUrl = process.env.VUE_APP_RES_URL
export default {
  name: 'GoodsOrderRefundDetail',
  data() {
    return {
      dialog: {
        detail: false
      },
      form: {
        id: undefined,
userId: undefined,
userPhone: undefined,
userNickname: undefined,
userIsActive: undefined,
shopId: undefined,
shopTitle: undefined,
shopIsActive: undefined,
orderId: undefined,
orderNo: undefined,
orderIsActive: undefined,
orderItemId: undefined,
orderItemIsActive: undefined,
refundNo: undefined,
transactionNo: undefined,
refundType: undefined,
refundTransactionNo: undefined,
applyRefundAmount: undefined,
actualRefundAmount: undefined,
refundCompleteTime: undefined,
logisticsCompany: undefined,
logisticsCode: undefined,
logisticsNo: undefined,
refundStatus: undefined,
remark: undefined,
replyRemark: undefined,
version: undefined,
createTime: undefined,
updateTime: undefined,
isActive: undefined,

      },
      dataDictCodes: ['YES_NO','REFUND_TYPE','REFUND_STATUS',],
      resUrl: resUrl
    }
  },
  computed: {},
  mounted() {},
  methods: {
    getDictItemsDisplayValue() {
      utils
        .getDataDict(this.dataDictCodes)
        .then(response => {
          if (response) {
            if (response) {
              utils.getDetailDictItemDisplayValue({
                mainComponent: this,
                dataDictItems: response,
                dictCode: 'YES_NO',
                formProp: 'userIsActive'
              })
utils.getDetailDictItemDisplayValue({
                mainComponent: this,
                dataDictItems: response,
                dictCode: 'YES_NO',
                formProp: 'shopIsActive'
              })
utils.getDetailDictItemDisplayValue({
                mainComponent: this,
                dataDictItems: response,
                dictCode: 'YES_NO',
                formProp: 'orderIsActive'
              })
utils.getDetailDictItemDisplayValue({
                mainComponent: this,
                dataDictItems: response,
                dictCode: 'YES_NO',
                formProp: 'orderItemIsActive'
              })
utils.getDetailDictItemDisplayValue({
                mainComponent: this,
                dataDictItems: response,
                dictCode: 'REFUND_TYPE',
                formProp: 'refundType'
              })
utils.getDetailDictItemDisplayValue({
                mainComponent: this,
                dataDictItems: response,
                dictCode: 'REFUND_STATUS',
                formProp: 'refundStatus'
              })
utils.getDetailDictItemDisplayValue({
                mainComponent: this,
                dataDictItems: response,
                dictCode: 'YES_NO',
                formProp: 'isActive'
              })

            }
          }
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}
</script>

<style>
</style>